<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Untitled Document</title>
<script src="./js/prototype.js" type="text/javascript"></script> 
<script src="./js/scriptaculous.js" type="text/javascript"></script>


</head>

<body>
<p class="link" onclick="Effect.toggle('add_st_form','blind');">Add Student</p>

<div id="add_st_form" style="width:800px;display:none">

<form id="student_form" name="form1" method="get">
  <FIELDSET><LEGEND>Student form</LEGEND>
  <label><br />
  ID:
  <input type="text" id="sid" class="tfield"/>
  </label>
  <p>
    <label>Name:
    <input type="text" id="sname" class="tfield" />
    </label>
    <label>Last Name:
    <input type="text" id="sfirstLastName" class="tfield"/>
    </label>
    <label>
    <input type="text" id="ssecondLastName" class="tfield"/>
    </label>
  </p>
  <p>
    <label>
    <input type="button" value="Submit" onclick="insertStudent();"/>
    </label>
  </p>
  <p><div id="insertStudentMessage" style="position:absolut;top:200px;left:300px;width:500px"></div></p>
  <p>&nbsp;</p>
  </FIELDSET>
</form>


</div>

<p class="link" onclick="Effect.toggle('add_teacher_form','blind');">Add Teacher</p>

<div id="add_teacher_form" style="width:800px;display:none;" >

<form id="teacher_form" name="form1" method="post" action="">
  <FIELDSET><LEGEND>Teacher form</LEGEND>
  <label><br />
  ID:
  <input type="text" id="pid" class="tfield"/>
  </label>
  <p>
    <label>Name:
    <input type="text" id="pname" class="tfield" />
    </label>
    <label>Last Name:
    <input type="text" id="pfirstLastName" class="tfield"/>
    </label>
    <label>
    <input type="text" id="psecondLastName" class="tfield"/>
    </label>
  </p>
  <p>
    <label>
    <input type="button" value="Submit" onclick="insertProfessor();"/>
    </label>
  </p>
    <p><div id="insertProfessorMessage" style="position:absolut;top:200px;left:300px;width:500px"></div></p>
  <p>&nbsp;</p>
  </FIELDSET>
</form>


</div>

<p class="link" onclick="Effect.toggle('add_class_form','blind');loadClassrooms();loadTeachers();">Add Course</p>

<div id="add_class_form" style="width:800px; display:none;" >

<form id="course_form" name="course_form" method="post" action="">
  <FIELDSET><LEGEND>Course form</LEGEND>
  <label><br />
  Course Name:
  <input type="text" id="name" class="tfield"/>
  </label>
  <p>
    <label>Course Code:
    <input type="text" id="code" class="tfield"/>
    </label>
  </p>
  <p>
    <label>Teacher's Name:
    <select id="professor" class="tfield"/>
    </select>
    </label>
    <label>Classroom course:
    <select id="classroom" class="tfield"/>
    </select>
    </label>
  </p>
  <p>Schedule:</p>
  <p>
    <label>Days:
    <input id="days" type="text" size="10" class="tfield"/>
    </label>
  (LMV/MaJ/LM/M) </p>
  <p>
    <label>Hour:
    <input id="ihour" type="text" size="5" class="tfield"/>
    </label>
  -
  <label>
  <input id="ehour" type="text" size="5" class="tfield"/>
  </label>
  (start hour-finish hour / hh:mm) </p>
  <p>
    <label>
    <input type="button" name="Submit" value="Submit" onclick="insertCourse()" />
    </label>
  </p>
    <p><div id="insertCourseMessage" style="position:absolut;top:200px;left:300px;width:500px"></div></p>
  <p>&nbsp;</p>
  </FIELDSET>
</form>
</div>
<p class="link" onclick="Effect.toggle('add_classroom_form','blind');">Add ClassRoom</p>

<div id="add_classroom_form" style="width:800px;display:none;" >

<form id="insert_classroom" name="insert_classroom" method="post" action="">
  <FIELDSET>
  <LEGEND>ClassRoom form</LEGEND>
  <label><br />
  Building
  :
  <input id="building" type="text" class="tfield" size="5"/>
  </label>
  <p>
    <label>ClassRoom Number:
    <input id="number" type="text" class="tfield" size="10"/>
    </label>
  </p>
  
  <p>
    <label>
    <input type="button" name="Submit" value="Submit" onclick="insertClassroom()" />
    </label>
  </p>
  <p><div id="insertClassroomMessage" style="position:absolut;top:200px;left:300px;width:500px"></div></p>
  <p>&nbsp;</p>
  </FIELDSET>
</form>
</div>
</body>
</html>
